.scan-history-item {
	&.is-fixed {
		border-left: 3px solid var( --studio-jetpack-green-40 );
	}

	&.is-ignored {
		border-left: 3px solid var( --studio-gray-50 );
	}

	&__subheader {
		color: var( --color-threat-ignored );
		font-size: 13px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		@include breakpoint( '>960px' ) {
			flex-direction: row;
			align-items: center;
		}
	}

	&__date {
		white-space: nowrap;

		&.is-fixed {
			color: var( --color-threat-fixed );
		}
	}

	&__date-separator {
		display: none;

		@include breakpoint( '>960px' ) {
			display: inline-block;
			background: var( --color-threat-ignored );
			margin: 0 20px;
			width: 4px;
			height: 4px;
			border-radius: 50%;
		}
	}

	&__badge {
		width: 60px;
		margin-top: 10px;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 3px;
		color: #fff;

		&.is-fixed {
			background-color: var( --color-threat-fixed );
		}

		&.is-ignored {
			background-color: var( --color-threat-ignored );
		}
	}
}
